<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
<link rel="stylesheet" href="/static/css/font.css" type="text/css"/>
<link rel="stylesheet" href="/static/css/button.css" type="text/css"/>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
  	
	$(document).ready(function() {
	
		$(".inout").val('Your name here');
    	$(".inout").click(function(){
			//alert('test')
			$(this).val('')
			$(this).css('color', '#000');
		});
		$(".inout").focus(function(){
			//alert('test')
			$(this).val('')
			$(this).css('color', '#000');
		});
		$(".inout").blur(function(){
			if ($(this).val().length == 0){
				$(this).val('Your name here');
				$(this).css('color', '#bbb');
			}
		});
		
		$(".inout").keydown(function(event){ 
			event.keyCode==13 && $("#gobutton").click(); 
		})
		
		
		$("#gobutton").click(function(){
			if ($("#uname").val() != 'Your name here')
				window.location.href = "/view/" + $("#uname").val()
		});
  });
</script>
<title>/* Code Bag */</title>
</head>
<body class="indexbody" style="font-size:100%;">
	 
<div id="box">
<table id="container">
	<tr>
	<td><h1 class="indexh1"><span style="color:grey">/*</span> Code Bag <span style="color:grey">*/</span></h1></td>
	</tr>
 
</table>
<table id="container"><tr><td><input id="uname" class="inout" name="inout" type="text" value="Your name here"></td><td><a id="gobutton" href=# class="button gray">Go!</a></td></tr></table>
<g:plusone></g:plusone>
</div>
</body>
</html>
